<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>编辑</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>
    <link rel="stylesheet" href="../../../../../../public-tools/pc/plugins/zTree/metroStyle/metroStyle.css">

    <style>
        .form-control:focus,
        .single-line:focus { border-color: #0e9aef !important;}
        .checkbox-inline {line-height: 5px;}
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content" id="app" v-cloak>

        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form id="Form" autocomplete="off">
                    <div style="padding: 0">
                        <input type="hidden" name="id" value="">
                        <input type="hidden" name="loginId" value="">
                        <input type="hidden" name="version" value="0">
                        <div class="col-sm-12 form-group">
                            <div class="col-sm-3 form-group">
                                <label class="form-inline">名称</label>
                                <input class="form-control" type="text" name="name"
                                       value="" placeholder="请输入名称">
                            </div>
                            <div class="col-sm-3 form-group">
                                <label class="form-inline">微信关联电话</label>
                                <input class="form-control" type="text" name="wxTel"
                                       value="" placeholder="请输入微信关联电话">
                            </div>
                            <div class="col-sm-3 form-group">
                                <label class="form-inline">常用电话</label>
                                <input class="form-control" type="text" name="phone"
                                       value="" placeholder="请输入常用电话">
                            </div>
                            <div class="col-sm-3 form-group">
                                <label class="form-inline">微信号</label>
                                <input class="form-control" type="text" name="wxCode"
                                       value="" placeholder="请输入常微信号">
                            </div>
                        </div>
                        <div class="col-sm-12 form-group">
                            <div class="col-sm-2 form-group">
                                <label class="form-inline">性别</label>
                                <select class="form-control" name="sex">
                                   <!-- <option value="0">保密</option>
                                    <option value="1">女</option>
                                    <option value="2">男</option>-->
                                </select>
                            </div>
                            <div class="col-sm-3 form-group">
                                <label class="form-inline">部门</label>
                                <input class="form-control" type="hidden" name="deptId" value="" id="deptId">
                                <input class="form-control" type="text" name="deptName" id="deptName"
                                       value="" placeholder="请点击选择部门" title="请点击选择部门" readonly style="cursor: pointer" @click="setDept">
                            </div>
                            <div class="col-sm-2 form-group">
                                <label class="form-inline">职位</label>
                                <select class="form-control" name="stationId">
                                    <option value="">---请选择职位---</option>
                                </select>
                            </div>
                            <div class="col-sm-2 form-group">
                                <input class="form-control" type="hidden" name="imgId" value="" id="imgId">
                                <button style="margin-top: 24px;" type="button" class="btn btn-primary btn-sm" @click="setImg">设置头像</button>
                                <img src="" onerror="imgNotfind(event)" width="48" height="48" id="headerImgUrl">
                            </div>
                            <div class="col-sm-3 form-group">
                                <label class="form-inline"></label>
                                <input class="form-control" type="hidden" name="wxImg" value="" id="wxImg">
                                <button style="margin-top: 24px;" type="button" class="btn btn-primary btn-sm" @click="setWxImg">设置微信二维码</button>
                                <img src="" onerror="imgNotfind(event)" width="48" height="48" id="wxImgUrl">
                            </div>
                        </div>
                        <div class="col-sm-12 form-group">
                            <label class="form-inline">简介</label>
                            <div>
                                <div id="editor">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 form-group">
                            <div class="col-sm-3 form-group">
                                <label class="checkbox-inline i-checks" style="margin-left: 8px;" id="createAccount">
                                    <input type="checkbox" name="createAccount" value="1"> {{createAccountText}}</label>
                            </div>
                        </div>
                        <div class="col-sm-12 form-group" v-show="1 == isShow">
                            <p style="width: 100%;height: 2px;background-color: #000"></p>
                            <div class="col-sm-12 form-group">
                                <div class="col-sm-3 form-group">
                                    <label class="form-inline">用户名</label>
                                    <div class="input-group m-b">
                                        <input class="form-control" type="text" name="username"
                                               value="" placeholder="请输入用户名"><span class="input-group-addon">{{identify}}</span>
                                    </div>
                                </div>
                                <div class="col-sm-3 form-group">
                                    <label class="form-inline">密码</label>
                                    <div class="input-group">
                                        <input class="form-control" type="text" name="password"
                                               value="123456" placeholder="请输入密码" id="password">
                                        <span class="input-group-btn"> <button type="button" class="btn btn-primary" @click="createPass()">{{passText}}
                                        </button> </span>
                                    </div>
                                </div>
                                <div class="col-sm-3 form-group">
                                    <label class="form-inline">昵称</label>
                                    <input class="form-control" type="text" name="nickname"
                                           value="" placeholder="请输入昵称">
                                </div>
                                <div class="col-sm-3 form-group">
                                    <label class="form-inline">邮箱</label>
                                    <input class="form-control" type="text" name="email"
                                           value="" placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="col-sm-12 form-group">
                                <label class="form-inline">数据权限</label>
                                <div class="input-group m-b" style="border: 1px solid;padding: 8px;width: 100%;" id="deptPerms">
                                </div>
                            </div>
                            <div class="col-sm-12 form-group">
                                <label class="form-inline">角色</label>
                                <div class="input-group m-b" style="border: 1px solid;padding: 8px;width: 100%;" id="roles">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div style="text-align: center">
                        <a href="javascript:parent.layer.closeAll();" class="btn btn-default" style="width: 10%;">关 闭</a>
                        <button type="submit" class="btn btn-primary" style="width: 10%;" v-if="permission(0)" >保存</button>
                        <button type="submit" class="btn btn-primary" style="width: 10%;" v-else="permission(1)" >保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../../../../public-tools/pc/plugins/zTree/jquery.ztree.core.min.js"></script>
    <script type="text/javascript" src="../../../../../../public-tools/pc/plugins/zTree/jquery.ztree.excheck.min.js"></script>
    <script src="../../../../../../public-tools/pc/plugins/wangEditor/wangEditor-video.js"></script>
    <script src="../../../../js/sys-manage/organize-personnel/staff/edit.js"></script>
</body>
</html>
